<#assign ctx=base.contextPath>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Free HTML5 Template by FREEHTML5" />
<meta name="keywords" content="free html5, free template, free bootstrap, html5, css3, mobile first, responsive" />
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<link rel="shortcut icon" href="favicon.ico">
<!-- Animate.css -->
<link rel="stylesheet" href="${ctx}/static/css/animate.css">
<!-- Icomoon Icon Fonts-->
<link rel="stylesheet" href="${ctx}/static/css/icomoon.css">
<!-- Bootstrap  -->
<link rel="stylesheet" href="${ctx}/static/css/bootstrap.css">
<!-- Superfish -->
<link rel="stylesheet" href="${ctx}/static/css/superfish.css">
<link rel="stylesheet" href="${ctx}/static/css/style.css">
<!-- Modernizr JS -->
<script src="${ctx}/static/js/modernizr-2.6.2.min.js"></script>
<!-- FOR IE9 below -->
<!--[if lt IE 9]>
	<script src="${ctx}/static/js/respond.min.js"></script>
	<![endif]-->
<!-- jQuery -->
<script src="${ctx}/static/js/jquery.min.js"></script>
<!-- jQuery Easing -->
<script src="${ctx}/static/js/jquery.easing.1.3.js"></script>
<!-- Bootstrap -->
<script src="${ctx}/static/js/bootstrap.min.js"></script>
<!-- Waypoints -->
<script src="${ctx}/static/js/jquery.waypoints.min.js"></script>
<!-- Stellar -->
<script src="${ctx}/static/js/jquery.stellar.min.js"></script>
<!-- Superfish -->
<script src="${ctx}/static/js/hoverIntent.js"></script>
<script src="${ctx}/static/js/superfish.js"></script>
<!-- Main JS -->
<script src="${ctx}/static/js/main.js"></script>
<script>
jQuery(document).ready(function($){
		$('.js-gotop').on('click', function(event){
			event.preventDefault();
			$('html, body').animate({
				scrollTop: $('html').offset().top
			}, 500, 'easeInOutExpo');
			return false;
		});
		$(window).scroll(function(){
			var $win = $(window);
			if ($win.scrollTop() > 200) {
				$('.js-top').addClass('active');
			} else {
				$('.js-top').removeClass('active');
			}
		});
});
</script>
<style>
.gototop.active {
    opacity: 1;
    visibility: visible;
}
.gototop.active {
    opacity: 1;
    visibility: visible;
}
.gototop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.gototop a i {
    height: 50px;
    display: table-cell;
    vertical-align: middle;
}
[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.gototop a:hover, .gototop a:active, .gototop a:focus {
    text-decoration: none;
    outline: none;
}
.gototop a {
    width: 50px;
    height: 50px;
    display: table;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}
	</style>